<template>
  <b-container class="mainCard" fluid>
    <b-row>
      <pre class="mt-2 mb-0" />
    </b-row>
    <b-row>
      <MainTextEditor v-if="$store.state.editorCard.visible" />
    </b-row>

    <pre class="mt-3 mb-0" />
    <div v-show="$store.state.ready" class="text-center">
      <b-spinner variant="primary"></b-spinner>
    </div>
    <transition appear enter-active-class="animated slideInUp">
      <!-- 路由 -->
      <router-view v-if="$store.state.ifShow.show"></router-view>
    </transition>

    <pre class="mt-4 mb-0" />
    <b-row style="overflow: hidden">
      <b-col></b-col>
      <b-col md="10" class="dixianText">--------我也是有底线的--------</b-col>
      <b-col></b-col>
    </b-row>
  </b-container>
</template>

<script>
import MainTextEditor from "../mainPage/main/MainTextEditor";
//import MainDynamicCard from "../components/main/MainDynamicCard";

export default {
  name: "MyMain",
  data() {
    return {};
  },
  components: {
    MainTextEditor,
    //  MainDynamicCard,
  },
  methods: {},
  mounted() {},
};
</script>

<style scoped lang="css">
.mainCard {
  border-radius: 4px;
  box-shadow: 0 2px 20px 0 rgba(92, 157, 211, 0.2);
  margin-top: 0.5%;
}

/* .xuxian {
  border: 1px solid black;
  width: 100%;
  padding: 0;
  background-color: black;
} */
.dixianText {
  text-align: center;
  overflow: hidden;
}
</style>
